import React from 'react';
import { Row, Col, Button, Icon } from 'antd';
import '../styles.less';

export default class OrderInfo extends React.Component {
  render() {
    const { closeDrawer, data = {} } = this.props;
    return (
      <div className="order-info-panle" id="orderInfoPnale">
        <p className="info-header">
          <span>交易详情</span>
          <Icon type="close" className="close-icon" onClick={() => closeDrawer()} />
        </p>
        <div className="order-main">
          <Row>
            <Col span={12} className="item-cell">
              <span className="row-label">商户编号:</span>
              <span>{data.merchantNo || ''}</span>
            </Col>
            <Col span={12} className="item-cell">
              <span className="row-label">商户名称:</span>
              <span>{data.merchantName || ''}</span>
            </Col>
            {/* <Col span={8} className="item-cell">
              <span className="row-label">归属省市:</span>
              <span>{data.patientName || ''}</span>
            </Col> */}
            <Col span={12} className="item-cell">
              <span className="row-label">真实姓名:</span>
              <span>{data.name || ''}</span>
            </Col>
            <Col span={12} className="item-cell">
              <span className="row-label">身份证号码:</span>
              <span>{data.idCard || ''}</span>
            </Col>
            <Col span={12} className="item-cell">
              <span className="row-label">银行卡号:</span>
              <span>{data.card || ''}</span>
            </Col>
            <Col span={12} className="item-cell">
              <span className="row-label">手机号码:</span>
              <span>{data.mobile || ''}</span>
            </Col>
            {/* <Col span={8} className="item-cell">
              <span className="row-label">查询时间:</span>
              <span>{data.patientName || ''}</span>
            </Col> */}
            <Col span={12} className="item-cell">
              <span className="row-label">结算状态:</span>
              <span>{data.settleState == 'ing' ? '待结算' : data.checkState == 'end' ? '已生成结算单' : ''}</span>
            </Col>
            <Col span={12} className="item-cell">
              <span className="row-label">流水号:</span>
              <span>{data.orderNo || ''}</span>
            </Col>
          </Row>
        </div>
      </div>
    );
  }
}